<ion-header>
  <ion-navbar>
    <ion-title><span style="font-weight:400">移事通</span></ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding class="content">
  <div class="con-tabs justify">
    <div class="tab-item">
      <div class="item-icon mail">
        <ion-icon name="mail"></ion-icon>
      </div>
      <span class="item-name">邮件</span>
    </div>
    <div class="tab-item">
      <div class="item-icon zhaohu">
        <ion-icon name="chatbubbles"></ion-icon>
      </div>
      <span class="item-name">招呼</span>
    </div>
    <div class="tab-item">
      <div class="item-icon work">
        <ion-icon name="checkbox"></ion-icon>
      </div>
      <span class="item-name">任务</span>
    </div>
    <div class="tab-item">
      <div class="item-icon date">
        <ion-icon name="calendar"></ion-icon>
      </div>
      <span class="item-name">日程</span>
    </div>
  </div>

  <!-- 头条 -->
  <div class="notice">
    <span class="notice-title">头条</span>
    <div class="notice-scroll">
      <ion-slides 
      [autoplay]="2000"
      [loop]="true"
      [speed]="1000"
      [direction]="'vertical'">
        <ion-slide class="n-slide" *ngFor="let item of noticeList">{{item}}</ion-slide>
      </ion-slides>
    </div>
  </div>

  <!-- 介绍 -->
  <div class="introduce">
    <div class="intro-item intro-left">left</div>
    <div class="intro-item intro-right">
      <div class="item-small item-top">right-top</div>
      <div class="item-small item-bot">right-bottem</div>
    </div>
  </div>

  <!-- 我的应用 -->
  <div class="myApply">
    <div class="apply-header">
      <span>我的应用</span>
      <span class="edit" (click)='goEdit()'>编辑</span>
    </div>
    <div class="apply-content">
        <div class="apply-item" *ngFor="let item of applyList">{{item}}</div>
    </div>
  </div>

<!-- <button ion-button (click)='goNews()'>跳转到新闻页面</button> -->
<!-- (ionSlideDidChange)='slideChanged()' -->
</ion-content>
